<!DOCTYPE html>
<html lang="en">
<head>
    <title>i'm the title</title>
</head>
<body>
i'm the body
<h1>i'm the headline</h1>
<header>
    <h1>i'm the headers headline</h1>
</header>
<p class="foo bar fizz buzz" data-foo="bar">i'm a paragraph</p>
<p>i'm a second paragraph</p>
<div>
    first div
    <div>first divs child div</div>
</div>
<div>
    second div
    <div>second divs child div</div>
</div>
<div class="foo bar fizz buzz">div with class foo</div>
<a-custom-tag>i'm a custom html5 tag</a-custom-tag>
<a href="http://some.url">first link</a>
<a href="http://some-other.url">second link</a>
<a href="/relative-link">relative link</a>
</body>
</html>